<template>
  <page-layout :noToolbar="true">
    <div class="card-header">企业注册统计</div>
    <el-card>
      <el-row :gutter="10">
        <el-col :span="6">
          <el-card class="card_h">
            <p class="t">今日新增企业数</p>
            <p class="tm">{{deptRegisterRate.departNewNum}}</p>
          </el-card>
        </el-col>
        <el-col :span="6" >
          <el-card class="card_h">
            <p class="t">企业总数</p>
            <p class="tm">{{deptRegisterRate.departTotalNum}}</p>
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card class="card_h">
            <p class="t">今日新增用户数</p>
            <p class="tm">{{deptRegisterRate.userNewNum}}</p>
          </el-card>
        </el-col>
        <el-col :span="6">
          <el-card class="card_h">
            <p class="t">用户总数</p>
            <p class="tm">{{deptRegisterRate.userTotalNum}}</p>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
  </page-layout>
</template>
<script>
import PageLayout from "@/components/page-layout";
import { mapGetters } from "vuex";
export default {
  created() {
    this.refresh();
  },
  mounted() {},
  data() {
    return {};
  },
  computed: {
    ...mapGetters({
      deptRegisterRate: "deptRegisterRate"
    })
  },
  methods: {
    getPageChange(val) {
      this.$store.dispatch("registerStatisticAllS").then(ret => {});
    },
    refresh() {
      this.getPageChange(1);
    }
  },
  components: {
    PageLayout
  }
};
</script>
<style scoped>
.card_h {
  height: 115px;
  background-color: #dedede;
}
.t {
  text-align: center;
  margin-top: 5px;
}
.tm {
  text-align: center;
  margin-bottom: 5px;

  margin-top: 9px;
  font-size: 23px;
}
.lm {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 5px;
}
p {
  line-height: 1.41;
  text-align: justify;
  margin: -0.2em 0;
  word-break: break-all;
}
</style>
